<html>
  <head>


	<script>
		var isiPad = navigator.userAgent.match(/iPad/i) != null;
		if(isiPad){
		document.write('<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />');
		}else{
		document.write('<meta name="viewport" content="width=device-width,initial-scale=0.4,maximum-scale=0.4">');
		}
	</script>
<meta name=apple-mobile-web-app-capable content=yes>
<meta name=apple-mobile-web-app-status-bar-style content=black>

 	<link rel="stylesheet" media="all and (max-device-width: 480px) and (orientation:portrait)" href="css/s-iphone-portrait.css" /> <!-- iphone-portrait -->
    <link rel="stylesheet" media="all and (max-device-width: 480px) and (orientation:landscape)" href="css/s-iphone-landscape.css" /> <!-- iphone-landscape -->
    <link rel="stylesheet" media="all and (device-width: 320px) and (device-height: 568px) and (orientation:portrait)" href="css/s-iphone5-portrait.css" /> <!-- iphone5-portrait -->
    <link rel="stylesheet" media="all and (device-width: 320px) and (device-height: 568px) and (orientation:landscape)" href="css/s-iphone5-landscape.css" /> <!-- iphone5-landscape -->
    <link rel="stylesheet" media="all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait)" href="css/s-ipad-portrait.css" /> <!-- ipad-portrait -->
    <link rel="stylesheet" media="all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape)" href="css/s-ipad-landscape.css" /> <!-- ipad-landscape -->

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
      var $canvas
      $(function(){
        $canvas=$("div.canvas");
		$('#pic0').show();
		setTimeout(function(){
			setInterval(function(){showpic();}, 3000);
		},3000);
      });

	  function showpic(){
		  var i;
		  for(i=0;i<43;i++){
			  if(i==42){
				  window.location.href='index.html';
				  break;
			  }
			  if($('#pic'+i).css('display')!='none'){
				  $('#pic'+i).hide(500);
				  $('#pic'+(i+1)).show(500);
				  break;
			  }
		  }
	  }
    </script>
  </head>
  <body>
    <div class="mask">
      	<div class="canvas">
      	<?php for($i=0; $i < 43; $i++) {
			if($i==1){?>
        	<div id="pic<? echo $i; ?>" class="page vertical" onClick="showpic()"><img src="images/comikaze/<? echo $i; ?>.jpg" alt="" /></div>
        <? 	} else { ?>
        	<div id="pic<? echo $i; ?>" class="page horizontal" onClick="showpic()"><img src="images/comikaze/<? echo $i; ?>.jpg" alt="" /></div>
		<? }
		} ?>

      	</div>
    </div>
  </body>
</html>